<template>
    <div class="bindon">
        <LoginHeader>
        <i class="el-icon-arrow-left" slot="i" @click="goback"></i>
        <span slot="title"><strong>设备详情</strong>
        </span>
        <span slot="more">
        </span>
        </LoginHeader>
        <el-divider></el-divider>
        <img src="@/assets/njrpic/firstpic/pic_toothbrush_empty.png" alt="">
        <p>无设备</p>
        <span>同步刷牙数据需要配对牙刷，马上配对吧</span>
        <br>
        <el-button @click="pair">配对牙刷</el-button>
    </div>
</template>
<script>
import LoginHeader from '@/components/njrcomponents/login_header.vue'
export default {
    data(){
        return{}
    },
    components:{
        LoginHeader
    },
    methods:{
        goback(){
            this.$router.go(-1)
        },
        pair(){
            this.$router.push('/index/first/pair')
        }
    }
}
</script>
<style lang="less" scoped>
.bindon{
    text-align: center;
    img{
        width: 30%;
        margin: 150px 0 50px;
    }
    p,p+span{
        color: #e4e4e4;
    }
    p{
        font-size: 40px;
    }
   .el-button{
       margin-top: 150px;
       width: 50%;
       border-radius: 35px;
       padding: 20px 0;
       color:white;
       background-color: #5b20c6;
   }
}
</style>